<%-- 
    Document   : displayConferenceItemBooking
    Created on : Dec 5, 2012, 11:24:02 AM
    Author     : Pk
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Booked Conference Item</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"> </script>
     
        <script type="text/javascript">            
           
            $(document).ready(function() {
                $('[id^="anchor"]').click(function(){
                  $(this).hide();                 
                })
            });
            
        </script>
    </head>
    <body>        
       <s:form name="myform" action="%{actionType}ConferenceItemBooking" >
            
            <table align="center" cellpadding="5">
                
                <s:iterator value="conferenceItemBookingList" var="conf">

                    <tr>
                        <td></td>
                        <td colspan="4" height="10"><h3><s:property value="#conf.conferenceItem.conferenceItemType.name" /></h3></td>                        
                        <td>
                            <s:if test="#conf.valid">                                
                                <sj:a href="%{actionType}ConferenceItemBooking%{id}" requestType="GET" targets="result%{id}" indicator="indicator"  button="true">Unsubscribe</sj:a>
                            </s:if>
                        </td>                        
                    </tr>
                    <tr>
                        
                        <td align="right"><h4><s:property value="#conf.id" />Topic:</h4></td>
                        <td colspan="3"><h4><s:property value="#conf.conferenceItem.topic" /></h4></td>            
                    </tr>
                    <tr>
                        <td></td>
                        <td colspan="4"><s:property value="#conf.conferenceItem.description" /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td align="right">Start Date:</td>
                        <td><s:property value="#conf.conferenceItem.startDate" /></td>
                        <td align="right">End Date:</td>
                        <td><s:property value="#conf.conferenceItem.endDate" /></td>
                    </tr>
                    <tr>
                        <td align="center" colspan="5"><img id="indicator" src="images/indicator.gif" alt="Loading..." style="display:none"/></td>                        
                    </tr>
                    <tr>
                        <td colspan="5"><sj:div id="result%{id}" class="result ui-widget-content ui-corner-all"></sj:div></td>
                    </tr>
                </s:iterator>
            </table>             
        </s:form>
    </body>
</html>
